<!doctype html>
<html lang="zh-CH">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
	<title>木投网--个人中心--发布现货资源</title>
	<link rel="stylesheet" href="/resource/css/mt_index.css">
	<link rel="stylesheet" href="/resource/css/mt_user.css">
	<link rel="stylesheet" href="/resource/css/mt_showBo.css">
</head>
<body>
@include("common.shop_user_head")
		<div class="user-cont left">
			<div class="user-title">发布现货资源</div>
			<div class="resource">
				<!-- 发布现货资源 -->
				<div class="popup-order">
					<div class="order-info">
						温馨提示：发布成功后，1个工作日内审核完成。
					</div>
					{{ Form::open(['url'=>'/user_add_now_resource', 'id'=>'demo-form2', 'class'=> 'form-horizontal form-label-left', 'files' => true, 'method' => 'post']) }}
						<div class="form-group">
							<label for="">商品标题：</label>
							<input type="text" class="form-control" placeholder="如：樟子松" name="product_name" id="product_name">
							<i class="i-red">*</i>
							<span id="t_product_name">不能为空</span>
						</div>
						<div class="form-group">
							<label for="">规格：</label>
							<input type="text" class="form-control" placeholder="请填写规格" name="spec"  id="spec">
							<i class="i-red">*</i>
							<span id="t_spec">不能为空</span>
						</div>
						<div class="form-group">
							<label for="">产地：</label>
							<input type="text" class="form-control" placeholder="请填写场地" name="place" id="place">
							<i class="i-red">*</i>
							<span id="t_place">不能为空</span>
						</div>
						<div class="form-group">
							<label for="">等级：</label>
							<input type="text" class="form-control" placeholder="请填写等级" name="level" id="level">
							<i class="i-red">*</i>
							<span id="t_level">不能为空</span>
						</div>
						<div class="form-group form-two">
							<label for="">价格：</label>
							<input type="text" class="form-control" placeholder="请填写数字或面议" name="price" id="price">
							<i class="i-red">*</i>
							<span id="t_price">不能为空</span>
						</div>
						<div class="form-group form-two">
							<label for="">单位：</label>
							<select name="unit" id="unit" class="form-control">
								<option value="立方米">立方米</option>
								<option value="平方米">平方米</option>
								<option value="吨">吨</option>
								<option value="张">张</option>
								<option value="公斤">公斤</option>
							</select>
							<i class="i-red">*</i>
							<span id="t_unit">不能为空</span>
						</div>
						<div class="form-group clear">
							<label for="">库存量：</label>
							<input type="text" class="form-control" placeholder="请填写真实的库存量，如5000" name="stock" id="stock">
							<i class="i-red">*</i>
							<span id="t_stock">不能为空</span>
						</div>
						<div class="form-group">
							<label for="">起订量：</label>
							<input type="text" class="form-control" placeholder="请填写最低的起订量，如1" name="start_num" id="start_num">
							<i class="i-red">*</i>
							<span id="t_start_num">不能为空</span>
						</div>
						<div class="form-group form-two clear">
							<label for="">仓储地：</label>
							<select name="storage" id="storage" class="form-control">
								<option value="北京">北京</option>
								<option value="天津">天津</option>
								<option value="重庆">重庆</option>
								<option value="上海">上海</option>
								<option value="河北">河北</option>
								<option value="山西">山西</option>
								<option value="辽宁">辽宁</option>
								<option value="吉林">吉林</option>
								<option value="黑龙江">黑龙江</option>
								<option value="江苏">江苏</option>
								<option value="浙江">浙江</option>
								<option value="安徽">安徽</option>
								<option value="福建">福建</option>
								<option value="江西">江西</option>
								<option value="山东">山东</option>
								<option value="河南">河南</option>
								<option value="湖南">湖南</option>
								<option value="广东">广东</option>
								<option value="海南">海南</option>
								<option value="四川">四川</option>
								<option value="贵州">贵州</option>
								<option value="云南">云南</option>
								<option value="陕西">陕西</option>
								<option value="甘肃">甘肃</option>
								<option value="内蒙古">内蒙古</option>
								<option value="广西">广西</option>
								<option value="西藏">西藏</option>
								<option value="宁夏">宁夏</option>
								<option value="新疆">新疆</option>
								<option value="香港">香港</option>
								<option value="澳门">澳门</option>
							</select>
							<input type="text" class="form-control form-address" placeholder="详细地址" name="address"  id="address">
							<i class="i-red">*</i>
							<span id="t_address">不能为空</span>
						</div>
						<div class="form-group clear">
							<label for="">上传图片：</label>
							<div class="form-bg">
								<div class="img"></div>
								<div class="img"></div>
								<div class="img"></div>
								<div class="file-info">最多可上传三张</div>
							</div>
							<div class="form-img destination" id="destination">
								<div class="box left"></div>
								<div class="box left"></div>
								<div class="box left"></div>
							</div>

							<div class="form-file" id="file-now">
								<label for="imgUpload1" id="imgUpload"><i></i>上传图片</label>
								<input type="file" id="imgUpload1" name="product_img" accept="image/*"/>
								<input type="file" id="imgUpload2" name="show_img1" accept="image/*"/>
								<input type="file" id="imgUpload3" name="show_img2" accept="image/*"/>
							</div>
						</div>
						<div class="form-group clear">
							<label for="">商品说明：</label>
							<textarea name="description" class="form-control" id="description"></textarea>
						</div>
						<div class="form-hr"></div>
						<div class="form-group form-two">
							<label for="">联系人：</label>
							<input type="text" class="form-control" placeholder="" name="contact_name" id="contact_name" value="{{session_get(UserEnum::USER_INFO_SESSION_KEY)->user_name}}">
							<i class="i-red">*</i>
							<span id="t_contact_name">不能为空</span>
						</div>
						<div class="form-group form-two">
							<label for="">电话：</label>
							<input type="text" class="form-control" placeholder="" name="contact" id="contact" value="{{session_get(UserEnum::USER_INFO_SESSION_KEY)->mobile}}">
							<i class="i-red">*</i>
							<span id="t_contact">不能为空</span>
						</div>
						<div class="form-group clear">
							<label for="">公司：</label>
							<input type="text" class="form-control" placeholder="" name="company" id="company" value="{{session_get(UserEnum::USER_INFO_SESSION_KEY)->corporation}}">
							<i class="i-red">*</i>
							<span id="t_company">不能为空</span>
						</div>
						<input type="submit" class="btn-immed btn-file J_btn" value="立即发布">
					{{ Form::close() }}
				</div>
			</div>
		</div>
@include("common.shop_user_foot")
<script src="/resource/js/jquery-1.11.3.min.js"></script>
<script src="/resource/js/mt_index.js"></script>
<script src="/resource/js/mt_showBo.js"></script>  <!-- 提示信息 -->

<script type="text/javascript">
	//处理file input加载的图片文件
	$(document).ready(function(e) {
		$(document).delegate('#imgUpload','click',function(){
			//判断浏览器是否有FileReader接口
			if(typeof FileReader =='undefined'){
				$("#destination").html('亲,您的浏览器还不支持HTML5的FileReader接口,无法使用图片本地预览,请更新浏览器或者使用谷歌浏览器获得最好体验');
			}else{
				var num = $("#destination img").length;
				switch(num){
					case 0:
						$(this).attr('for','imgUpload1');
						$("#imgUpload1").change(function(e){
							var file = e.target.files[0];
							imgUpload(file,0);
						});
						break;
					case 1:
						var seq = $("#destination img").attr('rel');
						if (seq == "0") {
							$(this).attr('for','imgUpload2');
							$("#imgUpload2").change(function(e){
								var file = e.target.files[0];
								imgUpload(file,1);
							});
						}else if(seq == "1"){
							$(this).attr('for','imgUpload3');
							$("#imgUpload3").change(function(e){
								var file = e.target.files[0];
								imgUpload(file,2);
							});
						}else if(seq == "2"){
							$(this).attr('for','imgUpload1');
							$("#imgUpload1").change(function(e){
								var file = e.target.files[0];
								imgUpload(file,0);
							});
						};
						break;
					case 2:
						var arr = ['0','1','2'];
						arr.splice($.inArray($("#destination .box:eq(0) img").attr('rel'),arr),1);
						arr.splice($.inArray($("#destination .box:eq(1) img").attr('rel'),arr),1);
						var seq = arr[0];
						if (seq == "0") {
							$(this).attr('for','imgUpload1');
							$("#imgUpload1").change(function(e){
								var file = e.target.files[0];
								imgUpload(file,0);
							});
						}else if(seq == "1"){
							$(this).attr('for','imgUpload2');
							$("#imgUpload2").change(function(e){
								var file = e.target.files[0];
								imgUpload(file,1);
							});
						}else if(seq == "2"){
							$(this).attr('for','imgUpload3');
							$("#imgUpload3").change(function(e){
								var file = e.target.files[0];
								imgUpload(file,2);
							});
						};
						break;
					default:
						alert('上传文件数量超过限制！');
						$(this).attr('for','imgUpload');
				};
			}
		});
		$(document).delegate('.destination .close','click',function(){
			var index = $(this).parent().index();
			$("#destination .box").eq(index).html('');
		});
	});
	$('input.form-control').blur(function(){
		if ($(this).val() == '') {
			$(this).siblings('span').show().html('不能为空');
			$('.btn-immed').addClass('btn-black');
		}else{
			$(this).siblings('span').hide();
			$('.btn-immed').removeClass('btn-black');
		};
	});
	$(document).delegate('.btn-immed','click',function(){
		for (var i = 0; i < $('input.form-control').length; i++) {
			if($('input.form-control').eq(i).val() == ''){
				$('input.form-control').eq(i).focus().siblings('span').show().html('不能为空');
				$('.btn-immed').addClass('btn-black');
				return false;
			};
		};
		Showbo.Msg.alert('<img src="/resource/img/popup_success_.png" alt=""><div style="width:350px;"></div><br/>');
		$('#dvMsgBtns input.btn').css('width','120px');
	});
	function imgUpload(file,ii){
		if(!(/^image\/.*$/i.test(file.type))){
			alert('请上传图片');           //不是图片 就跳出这一次循环
			return false;
		}
		//实例化FileReader API
		var freader = new FileReader();
		freader.readAsDataURL(file);
		freader.onload=function(e){
			var img = '<img src="'+e.target.result+'" rel="'+ii+'"/><div class="close"></div>';
			if (ii == 0) {
				$("#destination .box:eq(0)").html(img);
			}else if (ii == 1) {
				$("#destination .box:eq(1)").html(img);
			}else if (ii == 2) {
				$("#destination .box:eq(2)").html(img);
			};
		}
	}
</script>
{{--<script src="/resource/js/webuploader.html5only.min.js"></script>--}}
{{--<script src="/resource/js/diyUpload.js"></script>--}}
{{--<script>--}}
	{{--var arr = [];--}}
	{{--$('input.form-control').blur(function(){--}}
		{{--if ($(this).val() == '') {--}}
			{{--$(this).siblings('span').show().html('不能为空');--}}
			{{--$('.btn-immed').addClass('btn-black');--}}
		{{--}else{--}}
			{{--$(this).siblings('span').hide();--}}
		{{--};--}}
	{{--});--}}
	{{--$('#file-now').diyUpload({--}}
		{{--success:function( data ) {--}}
			{{--var product_name = $("#product_name").val();	//商品标题--}}
			{{--var spec = $("#spec").val();					//规格--}}
			{{--var place = $("#place").val();					//产地--}}
			{{--var level = $("#level").val();					//等级--}}
			{{--var price = $("#price").val();					//价格--}}
			{{--var unit = $("#unit").val();					//单位--}}
			{{--var stock = $("#stock").val();					//库存量--}}
			{{--var start_num = $("#start_num").val();			//起订量--}}
			{{--var storage = $("#storage").val(); 				//仓储地--}}
			{{--var address = $("#address").val(); 				//详细地址--}}
			{{--var contact_name = $("#contact_name").val();	//联系人--}}
			{{--var contact = $("#contact").val();				//电话--}}
			{{--var company = $("#company").val();				//公司--}}
			{{--var description = $("#description").val();      //简介--}}
			{{--arr.push(data.key);--}}
{{--//			for (var i = 0; i < $('input.form-control').length; i++) {--}}
{{--//				if($('input.form-control').eq(i).val() == ''){--}}
{{--//					$('input.form-control').eq(i).focus().siblings('span').show().html('不能为空');--}}
{{--//					$(this).addClass('btn-black');--}}
{{--//					return false;--}}
{{--//				}--}}
{{--//			};--}}
			{{--$(this).removeClass('btn-black');--}}
			{{--console.log(arr);--}}
		{{--},--}}
		{{--error:function( err ) {--}}
			{{--console.log( err );--}}
		{{--},--}}
		{{--fileNumLimit:3,--}}
	{{--});--}}
	{{--//发布--}}
	{{--$(document).delegate('.btn-immed','click',function(){--}}

{{--var product_name = $("#product_name").val();	//商品标题--}}
{{--var spec = $("#spec").val();					//规格--}}
{{--var place = $("#place").val();					//产地--}}
{{--var level = $("#level").val();					//等级--}}
{{--var price = $("#price").val();					//价格--}}
{{--var unit = $("#unit").val();					//单位--}}
{{--var stock = $("#stock").val();					//库存量--}}
{{--var start_num = $("#start_num").val();			//起订量--}}
{{--var storage = $("#storage").val(); 				//仓储地--}}
{{--var address = $("#address").val(); 				//详细地址--}}
{{--var contact_name = $("#contact_name").val();	//联系人--}}
{{--var contact = $("#contact").val();				//电话--}}
{{--var company = $("#company").val();				//公司--}}
{{--var description = $("#description").val();      //简介--}}

{{--for (var i = 0; i < $('input.form-control').length; i++) {--}}
{{--if($('input.form-control').eq(i).val() == ''){--}}
{{--$('input.form-control').eq(i).focus().siblings('span').show().html('不能为空');--}}
{{--$(this).addClass('btn-black');--}}
{{--return false;--}}
{{--};--}}
		{{--};--}}
		{{--$(this).removeClass('btn-black');--}}

		{{--if ($(this).hasClass('J_btn')) {--}}
			{{--$.ajax({--}}
				{{--url: "/",--}}
				{{--type: "POST",--}}
				{{--data: "product_name=" + product_name +"&spec="+spec+"&place="+place+"&level="+level+'&price='+price+'&unit='+unit+'&stock='+stock+'&start_num='+start_num+'&storage='+storage+'&address='+address+'&contact_name='+contact_name+'&contact='+contact+'&company='+company+'&description='+description,--}}
				{{--success: function (msg) {--}}
					{{--if(msg){--}}
						{{--console.log( msg );--}}
						{{--Showbo.Msg.alert('<img src="/resource/img/popup_success_.png" alt=""><div style="width:350px;"></div><br/>');--}}
						{{--$('#dvMsgBtns input.btn').css('width','120px');--}}
					{{--}--}}
				{{--}--}}
			{{--})--}}
		{{--}else{--}}

		{{--};--}}
	{{--});--}}
{{--</script>--}}
</body>
</html>